<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>人人自由任务后台管理系统</title>

<!--引入 fontawesom-4.2.0-->
<link rel="stylesheet" type="text/css" href="fontawesome-4.2.0/css/font-awesome.min.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="fontawesome-4.2.0/css/font-awesome-ie7.min.css">
<![endif]--> 
<!--引入wangEditor.css-->
<link rel="stylesheet" type="text/css" href="style/wangEditor-1.1.0-min.css">
<link rel="stylesheet" href="style/backstage.css">

</head>

<body>
    <div class="head">
            <div class="logo fl"><a href="index.html"></a></div>
            <h3 class="head_text fr">人人自由任务后台管理系统</h3>
    </div>
    <div class="operation_user clearfix">
        <div class="link fl"><a href="#">人人自由</a><span>&gt;&gt;</span><a href="#">任务管理</a><span>&gt;&gt;</span>任务列表</div>
        <div class="link fr">
            <a href="index.html" class="icon icon_i">首页</a><span></span><a href="">管理员：<span>renren006</span></a><a href="#" class="icon icon_e">退出</a>
        </div>
    </div>
    <div class="content clearfix">
        <div class="main">
            <!--右侧内容-->
            <div class="cont">
                <div class="title">任务列表</div>
                <div class="details">
                    <div class="details_operation clearfix">
                        
                        <div class="fr">
                            <div class="text">
                                <span>任务类别：</span>
                                <div class="bui_select">
                                    <select name="" id="" class="select">
                                        <option value="1">招商证券推广单</option>
                                        <option value="1">招商证券推广单</option>
                                        <option value="1">招商证券推广单</option>
                                    </select>
                                </div>
                            </div>
                            <div class="text">
                                <span>上架时间：</span>
                                <div class="bui_select">
                                    <select name="" id="" class="select">
                                        <option value="1">2016-01-02</option>
                                        <option value="1">2016-01-02</option>
                                        <option value="1">2016-01-02</option>
                                    </select>
                                </div>
                            </div>
                            <div class="text">
                                <span>搜索</span>
                                <input type="text" value="" class="search">
                            </div>
                        </div>
                    </div>
                    <!--表格-->
                    <table class="table" cellspacing="0" cellpadding="0">
                        <thead>
                            <tr>
                                <th width="15%">项目</th>
                                <th width="85%">内容</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <!--这里的id和for里面的c1 需要循环出来-->
                                <td>任务名称</td>
                                <td><input class="rwtit" type="text" name="rwname" value="请填写任务名称" onclick='this.value=""' /><i class="xing">*</i></td>
                            </tr>
                            <tr>
                                <td>任务缩略图</td>
                                <td><input class="rwpicin" type="text" name="rwname" value="上传任务缩略图" onclick='this.value=""' /><i class="xing">*</i><input class="rwpicupload" type="button" value="上传"><span class="picxz">请上传620*245像素的图</span></td>
                            </tr>
                            <tr>
                                <td>任务单数</td>
                                <td><input class="rwdan" type="text" name="rwname" value="任务单数" onclick='this.value=""' />单<i class="xing">*</i></td>
                            </tr>
                            <tr>
                                <td>任务大图</td>
                                <td><input class="rwpicin" type="text" name="rwname" value="上传任务大图" onclick='this.value=""' /><i class="xing">*</i><input class="rwpicupload" type="button" value="上传"><span class="picxz">请上传1920*300像素的图</span></td>
                            </tr>
                            <tr>
                                <td>任务介绍</td>
                                <td style="position:relative;">
                                    <div class="Editorbox">
                                        <div id='txtDiv' style='border:1px solid #cccccc; height:240px;'>
                                            <p>请输入内容...</p>
                                        </div>
                                        <div class="clear"></div>
                                        <!--引入 jquery.js-->
                                        <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>

                                        <!--引入 wangEditor.js-->
                                        <script type="text/javascript" src='js/wangEditor-1.1.0-min.js'></script>
                                        <script type="text/javascript">
                                            $(function(){
                                                $('#spanTime').text((new Date()).toString());

                                                //一句话，即可把一个div 变为一个富文本框！o(∩_∩)o 
                                                var $editor = $('#txtDiv').wangEditor();

                                                //显示 html / text
                                                var $textarea = $('#textarea'),
                                                    $btnHtml = $('#btnHtml'),
                                                    $btnText = $('#btnText'),
                                                    $btnHide = $('#btnHide');
                                                $textarea.hide();
                                                $btnHtml.click(function(){
                                                    $textarea.show();
                                                    $textarea.val( $editor.html() );
                                                });
                                                $btnText.click(function(){
                                                    $textarea.show();
                                                    $textarea.val( $editor.text() );
                                                });
                                                $btnHide.click(function(){
                                                    $textarea.hide();
                                                });
                                            });
                                        </script>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>任务说明</td>
                                <td><input class="shuom" type="textarea" name="shuoming" value="请输入内容..." ></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <div class="bui_select">
                                        <input type="button" value="发布任务" class="add">
                                    </div>
                                </td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!--左侧列表-->
        <div class="menu">
            <div class="cont">
                <div class="title">管理菜单</div>
                <ul class="mList">
                    <li>
                        <h3><span>-</span>任务管理</h3>
                        <dl>
                            <dd><a href="index_fabu.html">发布任务</a></dd>
                            <dd><a href="index_tasklis.html">任务列表</a></dd>
                            <dd><a href="index_fenlei.html">任务分类</a></dd>
                        </dl>
                    </li>
                    <li>
                        <h3><span>-</span>任务审核管理</h3>
                        <dl>
                            <dd><a href="index_waitcheck.html">待审核任务</a></dd>
                            <dd><a href="index_checked.html">已审核任务</a></dd>
                            
                        </dl>
                    </li>
                    <li>
                        <h3><a href="news_list.html"><span>+</span>新闻管理</h3>
                    </li>
                    <li>
                        <h3><a href="index_members.html"><span>-</span>会员管理</a></h3>
                        <dl>
                            <dd><a href="#">待审核会员</a></dd>
                            <dd><a href="#">已审核会员</a></dd>
                            
                        </dl>
                    </li>
                    <li>
                        <h3><span>-</span>管理员管理</h3>
                        
                    </li>
                    
                </ul>
            </div>
            
        </div>

    </div>
</body>
</html>